var $,tab,dataStr,layer;
var mypath = path;
layui.config({
	base : mypath+"/js/"
}).extend({
	"bodyTab" : "bodyTab",
	"common" : "common"
});
layui.use(['bodyTab','form','element','layer','jquery','common'],function(){
	var form = layui.form,
		element = layui.element,
    	common = layui.common;
		$ = layui.$;
    	layer = parent.layer === undefined ? layui.layer : top.layer;
		tab = layui.bodyTab({
			openTabNum : "10",  //最大可打开窗口数量
			url : path+"/json/navs.json" //获取菜单json地址
		});

	//加载顶部菜单
    loadTop();

    //绑定修改密码
    $("#password").click(function(){
        var url = path+"/users/changePasswordList";
        var htm = '<a href="javascript:;" data-url="'+url+'"><i class="" ></i><cite>修改密码</cite></a>';
        addTab($(htm))
    })

    /**
     * 获取顶部一级菜单
     *
     */
    function loadTop(){

    	var fristTop = "";
        $.getJSON(path+"/resource/parentTopMenu",function(data){
            var topMenu_mobile = "";
            var topMenu_pc= "";
            console.log(data);
            $(data).each(function(i,value){
                //fristTop =
                if(i==0) {
                    fristTop=value.id;

                    topMenu_mobile += '<dd class="layui-this" data-menu="' + value.id + '"><a href="javascript:;"><i class="layui-icon" data-icon="&#xe63c;">&#xe63c;</i><cite>' + value.label + '</cite></a></dd>';
                    topMenu_pc = topMenu_pc+ '<li class="layui-nav-item layui-this" data-menu="'+value.id+'">'
                        +'<a href="javascript:;"><i class="layui-icon '+value.css+'" ></i><cite>'+value.label+'</cite></a>'
                        +'</li>';
                }else{
                    topMenu_mobile += '<dd data-menu="' + value.id + '"><a href="javascript:;"><i class="layui-icon" data-icon="&#xe63c;">&#xe63c;</i><cite>' + value.label + '</cite></a></dd>';
                    topMenu_pc = topMenu_pc+'<li class="layui-nav-item " data-menu="'+value.id+'">'
                        +'<a href="javascript:;"><i class="layui-icon '+value.css+'" ></i><cite>'+value.label+'</cite></a>'
                        +'</li>';
                }

            })
            $("#top_parent_mobile").html(topMenu_mobile);
            $("#top_parent_pc").html(topMenu_pc);
            console.log($("#top_parent_pc").html());


            //页面加载时判断左侧菜单是否显示
            //通过顶部菜单获取左侧菜单 绑定顶部菜单点击事件
            $(".topLevelMenus li,.mobileTopLevelMenus dd").click(function(){
                if($(this).parents(".mobileTopLevelMenus").length != "0"){
                    $(".topLevelMenus li").eq($(this).index()).addClass("layui-this").siblings().removeClass("layui-this");
                }else{
                    $(".mobileTopLevelMenus dd").eq($(this).index()).addClass("layui-this").siblings().removeClass("layui-this");
                }
                $(".layui-layout-admin").removeClass("showMenu");
                $("body").addClass("site-mobile");

                var parentId =$(this).data("menu");
                $.getJSON(path+"/resource/resourceByParentId?parentId="+parentId,function(data){
                    console.log(data);
                    dataStr = data;
                    tab.render();
                    tab.tabMove();

                });
            });
            //加载左边菜单
			if(fristTop==""){
                getData(-1);
			}else{
                getData(fristTop);
			}
        });

    }

    //通过顶部菜单获取左侧二三级菜单   注：此处只做演示之用，实际开发中通过接口传参的方式获取导航数据
    function getData(parentId) {

        $.getJSON(path + "/resource/resourceByParentId?parentId=" + parentId, function (data) {
            dataStr = data;
            tab.render();

        });
    }

	//隐藏左侧导航
	$(".hideMenu").click(function(){
		if($(".topLevelMenus li.layui-this a").data("url")){
			layer.msg("此栏目状态下左侧菜单不可展开");  //主要为了避免左侧显示的内容与顶部菜单不匹配
			return false;
		}
		$(".layui-layout-admin").toggleClass("showMenu");
		//渲染顶部窗口
		tab.tabMove();
	});

	//手机设备的简单适配
    $('.site-tree-mobile').on('click', function(){
		$('body').addClass('site-mobile');
	});
    $('.site-mobile-shade').on('click', function(){
		$('body').removeClass('site-mobile');
	});

	// 添加新窗口
	$("body").on("click",".layui-nav .layui-nav-item a:not('.mobileTopLevelMenus .layui-nav-item a')",function(){
		//如果不存在子级
		if($(this).siblings().length == 0){
			addTab($(this));
			$('body').removeClass('site-mobile');  //移动端点击菜单关闭菜单层
		}
		$(this).parent("li").siblings().removeClass("layui-nav-itemed");
	});

	//清除缓存
	$(".clearCache").click(function(){
		window.sessionStorage.clear();
        window.localStorage.clear();
        var index = layer.msg('清除缓存中，请稍候',{icon: 16,time:false,shade:0.8});
        setTimeout(function(){
            layer.close(index);
            layer.msg("缓存清除成功！");
        },1000);
    });

	//刷新后还原打开的窗口
   //  if(cacheStr == "true") {
   //      if (window.sessionStorage.getItem("menu") != null) {
   //          menu = JSON.parse(window.sessionStorage.getItem("menu"));
   //          curmenu = window.sessionStorage.getItem("curmenu");
   //          var openTitle = '';
   //          for (var i = 0; i < menu.length; i++) {
   //              openTitle = '';
   //              if (menu[i].icon) {
   //                  if (menu[i].icon.split("-")[0] == 'icon') {
   //                      openTitle += '<i class="seraph ' + menu[i].icon + '"></i>';
   //                  } else {
   //                      openTitle += '<i class="layui-icon">' + menu[i].icon + '</i>';
   //                  }
   //              }
   //              openTitle += '<cite>' + menu[i].title + '</cite>';
   //              openTitle += '<i class="layui-icon layui-unselect layui-tab-close" data-id="' + menu[i].layId + '">&#x1006;</i>';
   //              element.tabAdd("bodyTab", {
   //                  title: openTitle,
   //                  content: "<iframe src='" + menu[i].href + "' data-id='" + menu[i].layId + "'></frame>",
   //                  id: menu[i].layId
   //              })
   //              //定位到刷新前的窗口
   //              if (curmenu != "undefined") {
   //                  if (curmenu == '' || curmenu == "null") {  //定位到后台首页
   //                      element.tabChange("bodyTab", '');
   //                  } else if (JSON.parse(curmenu).title == menu[i].title) {  //定位到刷新前的页面
   //                      element.tabChange("bodyTab", menu[i].layId);
   //                  }
   //              } else {
   //                  element.tabChange("bodyTab", menu[menu.length - 1].layId);
   //              }
   //          }
   //          //渲染顶部窗口
   //          tab.tabMove();
   //      }
   //  }else{
	// 	window.sessionStorage.removeItem("menu");
	// 	window.sessionStorage.removeItem("curmenu");
	// }
   //
   // // common.openTab('/userCenter/order/info','layui-icon','订单管理');
});

//打开新窗口
function addTab(_this){
	tab.tabAdd(_this);
}


